<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />

        <title>后台工具</title>

        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="css/common.css" />
        <link rel="stylesheet" href="css/addAd.css" />

    </head>

    <body>
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="brand" href="#">广告SDK<em class="f-fs14">&nbsp;&nbsp;1.2.1</em></a>
                    <div class="nav-collapse collapse navbar-responsive-collapse">
                        <ul class="nav pull-right">
                            <li class="divider-vertical"></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">admin <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">退出</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div><!-- /.nav-collapse -->
                </div>
            </div><!-- /navbar-inner -->
        </div>

        <div id="container" class="container-fluid">
            <div class="row-fluid">

                <div class="span3">
                    <ul class="nav nav-pills nav-stacked">
                        <li class="active single">
                            <a href="#help">广告SDK管理</a>
                        </li>
                    </ul>
                </div><!-- span3 -->

                <div class="span9">
                    <ul class="breadcrumb">
                        <li>
                            <a href="index.html">app列表</a><span class="divider">></span>
                        </li>
                        <li>
                            <a href="index.html">appName platform</a><span class="divider">></span>
                        </li>
                        <li class="active">
                            type
                        </li>
                    </ul>

                    <form id="addAdForm" class="form-horizontal">
                        

                    </form>
                    
                    <a id="addAdSaveButton" href="#" class="btn btn-primary">确定</a>
                    <a id="addAdAbortButton" href="#" class="btn">取消</a>
                </div>

            </div>

        </div>

        <script type="text/javascript" src="js/jquery-2.0.0.min.js" ></script>
        <script type="text/javascript" src="js/underscore.js"></script>
        <script type="text/javascript" src="js/backbone.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>
        <script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
        <script type="text/javascript" src="js/vendor/jquery.ui.widget.js"></script>
        <script type="text/javascript" src="js/jquery.iframe-transport.js"></script>
        <script type="text/javascript" src="js/jquery.fileupload.js"></script>

        <script type="text/javascript" src="js/common.js"></script>
        <script type="text/javascript" src="js/addAd.js"></script>
        
        <script type="text/template" id="form-template">
                        <div class="control-group">
                            <label class="control-label" for="name"><font style="color: red;">*</font>项目名</label>
                            <div class="controls">
                                <input type="text" name="name">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="type"><font style="color: red;">*</font>广告类型</label>
                            <div class="controls">
                                <select name="type">
                                    <option value="">请选择</option>
                                    <option value="移动产品推介">移动产品推介</option>
                                    <option value="端游产品推介">端游产品推介</option>
                                    <option value="活动推介">活动推介</option>
                                    <option value="资讯推介">资讯推介</option>
                                    <option value="其他">其他</option>
                                </select>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="origin"><font style="color: red;">*</font>广告来源</label>
                            <div class="controls">
                                <select name="origin">
                                    <option value="">请选择</option>
                                    <option value="所属产品">所属产品</option>
                                    <option value="产品负责人">产品负责人</option>
                                    <option value="广告责任人">广告责任人</option>
                                    <option value="编辑接口人">编辑接口人</option>
                                </select>
                            </div>
                        </div>
                        
                        <div class="control-group">
                            <label class="control-label"><font style="color: red;">*</font>广告投放时间段</label>
                            <div class="controls">
                                <div class="input-append date J-datetime">
                                    <input type="text" name="startTime"></input>
                                    <span class="add-on"><i class="icon-calendar"></i></span>
                                </div>
                                <input type="hidden" name="ad_startTime"  data-json-field="ad_startTime" value="">
                                &nbsp;&nbsp;至&nbsp;&nbsp;
                                <div class="input-append date J-datetime">
                                    <input type="text" name="endTime"></input>
                                    <span class="add-on"><i class="icon-calendar"></i></span>
                                </div>
                                <input type="hidden" name="ad_endTime" data-json-field="ad_endTime" value="">
                            </div>
                        </div>
                        <hr />
                        <div class="control-group">
                            <label class="control-label" for="displayType"><font style="color: red;">*</font>显示内容类型</label>
                            <div class="controls">
                                <select id="displayType" name="displayType">
                                    <% if (form == "通栏广告") {%>
                                        <option value="文字">文字</option>
                                        <option value="图片">图片</option>
                                        <option value="文字+图片">文字+图片</option>
                                    <% } else { %>
                                        <option value="图片">图片</option>    
                                    <% } %>
                                </select>
                            </div>
                        </div>  
                        
                        <div id="uploadImg" class="control-group hide">
                            <label class="control-label" for="img"><font style="color: red;">*</font>广告图片上传</label>
                            <div class="controls">
                                <input type="file" name="img" accept="image/png, image/gif, image/jpg, image/jpeg">
                                <div id="preview">
                                    <img />
                                </div>
                            </div>
                        </div>                         
 
                        <div id="adText" class="control-group">
                            <label class="control-label" for="text"><font style="color: red;">*</font>广告文字内容</label>
                            <div class="controls">
                                <input type="text" name="text">
                            </div>
                        </div>                          
                         
                        <div id="adRemark" class="control-group hide">
                            <label class="control-label" for="remark">备注</label>
                            <div class="controls">
                                <input type="text" name="remark">
                            </div>
                        </div>                     
                                               
                                             
                        <hr />
                        <div class="control-group">
                            <label class="control-label" for="clickType"><font style="color: red;">*</font>点击目标类型</label>
                            <div class="controls">
                                <select name="clickType">
                                    
                                    <option value="">请选择</option>
                                    <option value="跳转链接">跳转链接</option>
                                    <option value="跳转下载(iOS)">跳转下载(iOS)</option>
                                    <% if (form != "开屏广告") {%>
                                        <option value="浮层下载(Android)">浮层下载(Android)</option>
                                        <option value="视频播放">视频播放</option>
                                    <% } %>
                                </select>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="adUrl"><font style="color: red;">*</font>链接地址</label>
                            <div class="controls">
                                <textarea name="adUrl" style="width: 300px"></textarea>
                            </div>
                        </div>            
        </script>        
        
        

    </body>

</html>